<!DOCTYPE html>
<html>
<head>
    <title>订单列表</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
    <style type="text/css">
		body,html{background: #e4e4e4;}
	.xyg-list{width:96%;height:auto; margin:0.5rem 2%;}
  	.xyg-list .xyg-list-item{width:94%;height:auto;padding:0.5rem 3%; margin-bottom:0.5rem; background:#ffffff;border-radius:10px; }
	.xyg-list .xyg-list-item .xyg-list-item-top{width:100%;height:40px; padding-bottom:7px; color:#000;}
    .xyg-list .xyg-list-item .xyg-list-item-top .xyg-list-item-top-left{width:70%;height:40px; float: left; line-height: 40px; font-size:26px; color:#000;}
    .xyg-list .xyg-list-item .xyg-list-item-top .xyg-list-item-top-right{width:30%;height:40px;float: left; text-align: right; line-height: 40px; font-size:26px; color:#E92333;}
    .xyg-list .xyg-list-item .xyg-list-item-content{width:100%;height:120px;color:#000;}
    .xyg-list .xyg-list-item .xyg-list-item-content .xyg-list-item-content-left{width:30%;height:120px; float: left;}
    .xyg-list .xyg-list-item .xyg-list-item-content .xyg-list-item-content-left img{width:auto; max-width: 92%; margin: 10px auto; height:100px; float: left;}
    .xyg-list .xyg-list-item .xyg-list-item-content .xyg-list-item-content-right{width:70%;height:120px;float: left; line-height: 40px; font-size:28px; color:#000;}
    .xyg-list .xyg-list-item .xyg-list-item-line{width:100%;height:40px; padding-bottom:5px; color:#000;}
    .xyg-list .xyg-list-item .xyg-list-item-line .xyg-list-item-line-left{width:50%;height:40px; float: left; line-height: 40px; font-size:26px; color:#999999;}
    .xyg-list .xyg-list-item .xyg-list-item-line .xyg-list-item-line-right{width:50%;height:40px;float: left; text-align: right; line-height: 40px; font-size:26px; color:#666666;}
    .xyg-list .xyg-list-item .xyg-list-item-bottom{width:100%;height:auto; padding: 10px 0px; }
    .xyg-list .xyg-list-item .xyg-list-item-bottom .xyg-list-item-btn{width:auto;height:40px; float: right; padding: 0px 20px; margin-left: 20px; letter-spacing: 5px;  border-radius: 20px; line-height: 40px; font-size:22px; }
    .xyg-list .xyg-list-item .xyg-list-item-bottom .btn-color1{border: 1px solid #ff0000; color:#ff0000; }
        .xyg-list .xyg-list-item .xyg-list-item-bottom .btn-color2{border: 1px solid #999999; color:#999999; }
    </style>
</head>
<body>

  <div class="xyg-comp-type-five">
    <div class="xyg-comp-type-item ">
        <div class="xyg-comp-type-item-text2 select-active">
            全部
        </div>
    </div>
    <div class="xyg-comp-type-item">
        <div class="xyg-comp-type-item-text3">
            待付款
        </div>
    </div>
      <div class="xyg-comp-type-item">
          <div class="xyg-comp-type-item-text3">
              待使用
          </div>
      </div>
      <div class="xyg-comp-type-item">
          <div class="xyg-comp-type-item-text3">
              待评价
          </div>
      </div>
      <div class="xyg-comp-type-item">
          <div class="xyg-comp-type-item-text4">
              售后维护
          </div>
      </div>
    <div class="clearBoth"></div>
</div>


<div class="xyg-list">
  <div class="xyg-list-item">
      <div class="xyg-list-item-top">
          <div class="xyg-list-item-top-left">
            订单编号:99999999999912212121
          </div>
          <div class="xyg-list-item-top-right">
            待付款
          </div>
          <div class="clearBoth"></div>
      </div>
      <div class="xyg-list-item-content">
          <div class="xyg-list-item-content-left">
              <img src="${s.base}/mobile/images/temp/pic_1.png">
          </div>
          <div class="xyg-list-item-content-right">
              是否是否的双方都水电费水电费水电费
          </div>
          <div class="clearBoth"></div>
      </div>
      <div class="xyg-list-item-line">
          <div class="xyg-list-item-line-left">
              下单日期:2019-11-23 10:12
          </div>
          <div class="xyg-list-item-line-right">
              4件商品共:￥1800
          </div>
          <div class="clearBoth"></div>
      </div>
      <div class="xyg-list-item-bottom">
          <div class="xyg-list-item-btn btn-color1">
              确认
          </div>
          <div class="xyg-list-item-btn btn-color2">
             删除
          </div>
          <div class="clearBoth"></div>
      </div>
  </div>

  
</div>
      
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.js"></script>
<script src="${s.base}/mobile/fonts/iconfont.js"></script>
<script src="${s.base}/mobile/js/component.js"></script>
<script src="${s.base}/mobile/js/base.js"></script>
<script type="text/javascript">
    initXygDpi();

</script>
</html>
